body>.index_main{
    position: relative;
    top: -6px;
}
body>.index_main>.banner > .swiper-container {
    width: 100%;
    height: 672px;
    padding-bottom:60px;
}
body>.index_main>.banner > .swiper-container >.swiper-wrapper >.swiper-slide > a.swiper_item{
    display: block;
    width: 100%;
    height: 100%;
    background-position:center center !important;
    background-size: cover !important;
}
body>.index_main>.banner > .swiper-container   .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    border:6px solid #CA1617;
    border-radius: 50%;
    background-color: #fff;
}
 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0px 20px;
}


body > .index_main > .skyworth{
    margin-top:20px;
    padding-top:20px;
    width: 100%;
    background:url('../imgs/indexPage/bg.jpg');
    background-position: center center;
    background-size: cover;
}
body > .index_main > .skyworth .sk_img{
    display: block;
    width: 80%;
    max-width: 370px;
    margin:0 auto;
}
body > .index_main > .skyworth .text{
    text-align: center;
    margin-top: 30px;
}

body > .index_main > .skyworth .text_ul{
    padding-top:20px;
}
body > .index_main > .skyworth .text_ul li{
    
    /* width: 80%; */
    /* margin:0 auto; */
    /* transform:translateX(15%); */
    margin-left: 15%;
    margin-top:40px;
}
body > .index_main > .skyworth .text_ul .p1{
    width: 70%;
    height: 43px;
    line-height: 43px;
    padding-left:30px;
    color: #fff;
    background:url("../imgs/indexPage/bg_text.png");
    background-size: 100% 43px;
}

body > .index_main >  .product{
    width: 100%;
    /* height: 400px; */
    background:url('../imgs/indexPage/bg1.jpg');
    padding-bottom:40px;
}

body > .index_main >  .product > .pro_head,
body > .index_main >  .performance > .pro_head,
body > .index_main >  .news > .pro_head
{
    max-width: 1100px;
    width: 100%;
    margin:0 auto;
    margin-bottom:20px;
    text-align: center;
    position: relative;
}
body > .index_main >  .product > .pro_head p:nth-child(1),
body > .index_main >  .performance > .pro_head p:nth-child(1),
body > .index_main >  .news > .pro_head p:nth-child(1)
{
    font-size: 24px;
    margin-top:30px;
}
body > .index_main >  .product > .pro_list{
    /* width: 1100px; */
    max-width: 1100px;
    width: 100%;
    margin:0 auto;
    display: grid;
    grid-template-columns: repeat( 4,25%);
}

body > .index_main >  .product > .pro_list >li{
    /* background-color: #ccc; */
    border:1px solid #ccc;
    /* box-sizing: border-box; */
    margin: 0 16px;
    position: relative;
    padding-bottom: 70px;
    transition: all .3s;
    margin-bottom: 30px;
}
body > .index_main >  .product > .pro_list > li.active{
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(0, 198, 226, 0.5);
}
body > .index_main >  .product > .pro_list > li.active > .top{
    background-color: #CA1617;
}
body > .index_main >  .product > .pro_list > li > .top{
    transition: all .3s;
    background-color: #2E3450;
    color: #fff;
    text-align: center;
}
body > .index_main >  .product > .pro_list > li > .top > p{
    padding:10px 0;
    font-size: 40px;
}
body > .index_main >  .product > .pro_list > li > .top > div{
    font-size: 18px;
}
body > .index_main >  .product > .pro_list > li > .list{
    
    padding:0 20px;
    
}
body > .index_main >  .product > .pro_list > li > .list li{
    list-style: disc;
    margin:5px 0;
}
body > .index_main >  .product > .pro_list > li > .list li a {
    text-decoration: none;
    color: #000;
}
body > .index_main >  .product > .pro_list > li > .btn_detail{
    position: absolute;
    bottom: 0;
    left: 20px;
    margin: 10px;
}
body > .index_main >  .product > .pro_list > li > .btn_detail > a{
    display: inline-block;
    color: #999;
    padding: 10px 20px;
    border: 1px solid #ccc;
    text-decoration: none;
}
body > .index_main >  .product > .pro_list > li > .btn_detail > a:hover{
    color: #CA1617;
    border-color: #CA1617;
}
body > .index_main >  .performance .swiper_box {
    max-width: 1100px;
    width: 90%;
    height: 430px;
    margin: 0 auto;
    position: relative;
}

body > .index_main >  .performance .swiper_box  .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  body > .index_main >  .performance .swiper_box .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: rgb(219, 219, 219);
    height: calc((100% - 30px) / 2);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body > .index_main >  .performance > .swiper_box > .swiper-container-p > .swiper-wrapper  a {
      /* padding: 10px; */
      height: 200px;
      overflow: hidden;
      position: relative;
      text-decoration: none;
      
  }
  body > .index_main >  .performance > .swiper_box > .swiper-container-p > .swiper-wrapper .swiper-slide{
      overflow: hidden;
  }
  body > .index_main >  .performance > .swiper_box > .swiper-container-p > .swiper-wrapper .swiper-slide  a{
      color: rgb(199, 199, 199);
      font-size: 14px;
  }
  body > .index_main >  .performance > .swiper_box > .swiper-container-p > .swiper-wrapper .swiper-slide  a:hover{
    color: rgb(255, 255, 255);
}
  body > .index_main >  .performance > .swiper_box > .swiper-container-p > .swiper-wrapper .swiper-slide  a:hover img{
    transform:scale(1.1);
  }
  body > .index_main >  .performance > .swiper_box > .swiper-container-p > .swiper-wrapper .swiper-slide  a:hover div{
    /* transform:scale(1.1); */
    background-color: rgba(255, 255, 255, 0);
  }
  body > .index_main >  .performance > .swiper_box > .swiper-container-p > .swiper-wrapper .swiper-slide  a > img{
      display: block;
      width: 130%;
      transition: .7s;
  }
   body > .index_main >  .performance > .swiper_box > .swiper-container-p > .swiper-wrapper .swiper-slide  a div{
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       z-index: 1;
       background-color: #0000005b;
       transition: .7s;
   }
  body > .index_main >  .performance > .swiper_box > .swiper-container-p > .swiper-wrapper  a > p{
      position: absolute;
      left: 10px;
      bottom: 20px;
      z-index: 2;
      line-height: 30px;
  }





/* 新闻动态样式↓ */
body > .index_main >  .news > .content {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    /* background-color: rgb(161, 161, 161); */
    /* height: 400px; */
    /* display: grid; */
    /* grid-template-columns: repeat(2,50%); */
}
body > .index_main >  .news > .content .top{
    width: 100%;
    line-height: 30px;
    margin-bottom:10px;
    /* background-color: #ccc; */
}
body > .index_main >  .news > .content .top ul{
    margin: 0;
}
body > .index_main >  .news > .content .top ul li{
    float: left;
    padding: 15px;
    font-size: 18px;
    padding-bottom: 14px;
    cursor: pointer;
}
body > .index_main >  .news > .content .top ul li.active{
    background-color: rgb(168, 20, 20);
    color: #fff;
}
body > .index_main >  .news > .content .top .xian{
    width: 50%;
    height: 1px;
    background-color: rgb(168, 20, 20);
}
body > .index_main >  .news > .content > .body{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,50%);
}
body > .index_main >  .news > .content > .body .left{
    margin-bottom: 30px;
}
body > .index_main >  .news > .content > .body .left >a{
    display: block;
    text-decoration: none;
    color: #fff;
    position: relative;
    height: 264px;
    overflow: hidden;
}
body > .index_main >  .news > .content > .body .left >a img{
    width: 100%;
}
body > .index_main >  .news > .content > .body .left >a div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.02);
    transition: .4s;
}
body > .index_main >  .news > .content > .body .left >a:hover div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.411);
}
body > .index_main >  .news > .content > .body .left >a:hover .p1 {
    bottom: 80px;
    font-size: 20px;
}
body > .index_main >  .news > .content > .body .left >a:hover .p2 {
    bottom: 40px;
    opacity: 1;
    /* font-size: 20px; */
}
body > .index_main >  .news > .content > .body .left >a .p1{
    position: absolute;
    left: 0;
    bottom: 20px;
    font-size: 16px;
    transition: all .4s;
}
body > .index_main >  .news > .content > .body .left >a .p2{
    position: absolute;
    left: 0;
    bottom:-90px;
    opacity: 0;
    transition: all .4s;
}
body > .index_main >  .news > .content > .body > .right{
    padding-left: 10px;
}
body > .index_main >  .news > .content > .body > .right > .list{
    line-height: 20px;
    margin:0;
}
body > .index_main >  .news > .content > .body > .right > .list > li{
    display: grid;
    grid-template-columns: 65px calc(100% - 65px);
    border-bottom: 1px solid #ccc;
    margin-bottom:20px;
} 
body > .index_main >  .news > .content > .body > .right > .list > li > .l{
    text-align: center;
} 
body > .index_main >  .news > .content > .body > .right > .list > li > .l > p{
    margin: 0;
}
body > .index_main >  .news > .content > .body > .right > .list > li > .l > .p1{
    /* padding-top:20px; */
    font-size: 40px;
    font-weight: 700;
}
body > .index_main >  .news > .content > .body > .right > .list > li > .l > .p2{
    padding-top:20px;
}
body > .index_main >  .news > .content > .body > .right > .list > li > .r > .p1{
    /* padding-top:14px; */
    font-size: 18px;
    font-weight: 700;
}
body > .index_main >  .dream{
    width: 100%;
    margin-top: 40px;
    height: 533px;
    background:url('../imgs/indexPage/qqq.jpg');
    background-size: cover;
    position: relative;
}
body > .index_main >  .dream > .lxwm{
    position: absolute;
    left: 26%;
    top: 34%;
    right: 26%;
    bottom: 34%;
    background-color: rgba(250, 250, 250, 0.472);
    padding:30px;
    text-align: center;
}
body > .index_main >  .dream > .lxwm > p{
    font-size: 16px;
}

body > .index_main > .phone{
    font-family: '微软雅黑';
    text-align: center;
}
.site{
    text-align: center;
}
.site span:nth-child(1){
    display:inline-block;
    margin-right:8%
}




  .swiper-button-prev1{
    position: absolute;
    top: 50%;
    font-size: 30px;
    left: -80px;
    background-color: rgb(168, 20, 20);
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    transform: translateY(-50%);
    outline: none;
  }
  .swiper-button-next1{
    position: absolute;
    top: 50%;
    font-size: 30px;
    right: -80px;
    padding: 10px;
    background-color: rgb(168, 20, 20);
    border-radius: 50%;
    color: #fff;
    transform: translateY(-50%);
    outline: none;
}
.anniu:hover{
    background-color:  #2E3450;
    /* color: */
}
.red_btn{
    text-decoration:none !important;
    color: #fff;
    display: inline-block;
    padding:8px 26px !important;
    background-color: #CA1617;
    transition: .4s;
    transform: scale(1);
}
.red_btn:hover{
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(0, 198, 226, 0.5);

}


@media (max-width:707px){
    .index_main{
        position: relative !important;
        top:-80px !important;
    }
    body > .index_main > .product > .pro_list{
        grid-template-columns: repeat(2,50%);
    }
    body > .index_main >  .news > .content .top .xian{
        width: 100%;
    }
    body > .index_main >  .news > .content > .body{
        display: block;
    }
}
@media (max-width : 1280px){
    .anniu {
        display:none;
    }
}